import React from 'react'
import ReactDOM from 'react-dom'

// jsx的几个注意事项
// 1. 特殊属性  class ---> className for ---> htmlFor
// const element = <div>
//   <label htmlFor="ck">男</label>
//   <input type="checkbox" id="ck" />
// </div>

// 2. 单标签
// const element = <span className='edit-icon' />


// 3. 幽灵标签  React.Fragment 代码片段, <React.Fragment>简写 <></>
// const element = <>
//   <header>头部</header>
//   <footer>底部</footer>
// </>

// 4. 换行
const element = (
  <>
    <header>头部</header>
    <footer>底部</footer>
  </>
)



ReactDOM.render(element, document.getElementById('root'))